<template>
	<view>
		<view class="swiper-back">
			<swiper class="swiper swiper-hei":autoplay="true" :interval="3000" :duration="1000" :circular="true">
				<swiper-item>
					<view class="card-images">
						<image src="cloud://shudong-9gxh1590f395251d.7368-shudong-9gxh1590f395251d-1305065133/banner/banner3.jpg" mode="widthFix"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="card-images">
						<image src="cloud://shudong-9gxh1590f395251d.7368-shudong-9gxh1590f395251d-1305065133/banner/wzs2.jpg" mode="widthFix"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="card-images">
						<image src="cloud://shudong-9gxh1590f395251d.7368-shudong-9gxh1590f395251d-1305065133/banner/banner1.jpg" mode="widthFix"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>
<script>
	export default {

	}
</script>

<style lang="scss">
	.swiper-hei{
		height: 250upx!important;
	}
	.card-images{
		image{
			width: 100%;
			// height: 400upx;
			border-radius:15upx ;
		}
	}
	.swiper-back{
		background-color: #ffffff;
		padding: 10upx 25upx 25upx 25upx;
		box-sizing: border-box;
	}
	.card-text{
		display: flex;
		flex-direction: column;
		z-index: 10;
		.card-text-title{
			font-weight: bold;
		}
		text{
			color: #2a2a2a;
			font-size: 35upx;
			z-index: 10;
		}
	}
	.swiper-img{
		z-index: 1;
		image{
			width: 400upx;
			height: 400upx;
			transform: rotate(-60deg);
			opacity: 0.3;
			position: absolute;
			bottom: -100upx; right: -100upx;
			
		}
		
	}
	
</style>
